<!--头部公共部分-->
{include file="common/header" /}
<body>
    <!-- 顶部开始 -->
    <div class="container">
        <div class="logo">
            <a href="./index.html">
<!--                <img style="width: 150px;height: auto;" src="/logo.jpg"/>-->
                好书速购-CRM管理系统
            </a>
        </div>
        <div class="left_open">
            <i title="展开左侧栏" class="iconfont">&#xe699;</i>
        </div>
        <ul class="layui-nav right" lay-filter="">
          <li class="layui-nav-item">
            <a href="javascript:;">{$name}:{$Think.session.user.name}</a>
            <dl class="layui-nav-child"> <!-- 二级菜单 -->
              <dd><a href="javascript:;" id="reset_password">修改密码</a></dd>
              <!--<dd><a onclick="x_admin_show('切换帐号','http://www.baidu.com')">切换帐号</a></dd>-->
              <dd><a href="{:url('Account/login')}">退出</a></dd>
            </dl>
          </li>
          <li class="layui-nav-item to-index"><a href="https://www.haoshusugou.com/" target="_blank">官网首页</a></li>
        </ul>
        
    </div>
    <!-- 顶部结束 -->
    <!-- 中部开始 -->
     <!-- 左侧菜单开始 -->
    <div class="left-nav">
      <div id="side-nav">
        <ul id="nav">
            {foreach name="menus" item="v"}
            <li>
                <a href="javascript:;">
                    <i class="layui-icon {$v.icon}"></i>
                    <!--<i class="iconfont">{$v.icon}</i>-->
                    <cite>{$v.title}</cite>
                    <i class="iconfont nav_right">&#xe697;</i>
                </a>
                <ul class="sub-menu">
                    {foreach name="v[$v['id']]" item="val"}
                    <li id="menu-{$val.id}">
                        <a _href="{:url($val['menu_name'])}">
                            <i class="iconfont">&#xe6a7;</i>
                            <cite>{$val.title}</cite>
                        </a>
                    </li >
                    {/foreach}
                </ul>
            </li>
            {/foreach}
        </ul>
      </div>
    </div>
    <!-- <div class="x-slide_left"></div> -->
    <!-- 左侧菜单结束 -->
    <!-- 右侧主体开始 -->
    <div class="page-content">
        <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
          <ul class="layui-tab-title" style="background:#f5f5f5;">
            <li class="home"><i class="layui-icon">&#xe68e;</i>首页</li>
<!--            <li class="home"><i class="layui-icon">&#xe68e;</i>我的客户</li>-->
          </ul>
          <div class="layui-tab-content">
            <div class="layui-tab-item layui-show">
                <iframe src='{:url("Customer/lists")}' frameborder="0" scrolling="yes" class="x-iframe"></iframe>
            </div>
          </div>
        </div>
    </div>
    <div class="page-content-bg"></div>
    <!-- 右侧主体结束 -->
    <!-- 中部结束 -->
    <!-- 底部开始 -->
    <div class="footer">
        <div class="copyright">Copyright © <a href="https://www.xiaowuzhushou.com/" target="_blank" style="color: #ccc;">湖南万学网络科技有限公司</a>

            <a href="https://www.beian.miit.gov.cn" target="_blank" style="color: #ccc;">湘ICP备18022993号</a></div>
    </div>
    <!--底部公共部分-->
    {include file="common/footer" /}
    <script>
        layui.use(['form','element','layer'], function () {
            var $ = layui.$,
                element = layui.element,
                form = layui.form,
                layer = layui.layer;


            $('#reset_password').click(function () {
                var url = "{:url('Account/reset_password')}";
                layer.open({
                    type: 2,
                    title: '修改密码',
                    shadeClose: true,
                    shade: 0.8,
                    area: ['70%', '70%'],
                    content: url
                });
            });

            //触发事件
            var tab = {
                tabAdd: function(title,url,id){
                    //新增一个Tab项
                    element.tabAdd('xbs_tab', {
                        title: title
                        ,content: '<iframe tab-id="'+id+'" frameborder="0" src="'+url+'" scrolling="yes" class="x-iframe"></iframe>'
                        ,id: id
                    })
                }
                ,tabDelete: function(othis){
                    //删除指定Tab项
                    element.tabDelete('xbs_tab', '44'); //删除：“商品管理”


                    othis.addClass('layui-btn-disabled');
                }
                ,tabChange: function(id){
                    //切换到指定Tab项
                    element.tabChange('xbs_tab', id); //切换到：用户管理
                }
            };


            tableCheck = {
                init:function  () {
                    $(".layui-form-checkbox").click(function(event) {
                        if($(this).hasClass('layui-form-checked')){
                            $(this).removeClass('layui-form-checked');
                            if($(this).hasClass('header')){
                                $(".layui-form-checkbox").removeClass('layui-form-checked');
                            }
                        }else{
                            $(this).addClass('layui-form-checked');
                            if($(this).hasClass('header')){
                                $(".layui-form-checkbox").addClass('layui-form-checked');
                            }
                        }

                    });
                },
                getData:function  () {
                    var obj = $(".layui-form-checked").not('.header');
                    var arr=[];
                    obj.each(function(index, el) {
                        arr.push(obj.eq(index).attr('data-id'));
                    });
                    return arr;
                }
            }

//开启表格多选
            tableCheck.init();


            $('.container .left_open i').click(function(event) {
                if($('.left-nav').css('left')=='0px'){
                    $('.left-nav').animate({left: '-221px'}, 100);
                    $('.page-content').animate({left: '0px'}, 100);
                    $('.page-content-bg').hide();
                }else{
                    $('.left-nav').animate({left: '0px'}, 100);
                    $('.page-content').animate({left: '221px'}, 100);
                    if($(window).width()<768){
                        $('.page-content-bg').show();
                    }
                }

            });

            $('.page-content-bg').click(function(event) {
                $('.left-nav').animate({left: '-221px'}, 100);
                $('.page-content').animate({left: '0px'}, 100);
                $(this).hide();
            });

            $('.layui-tab-close').click(function(event) {
                $('.layui-tab-title li').eq(0).find('i').remove();
            });

            $("tbody.x-cate tr[fid!='0']").hide();
// 栏目多级显示效果
            $('.x-show').click(function () {
                if($(this).attr('status')=='true'){
                    $(this).html('&#xe625;');
                    $(this).attr('status','false');
                    cateId = $(this).parents('tr').attr('cate-id');
                    $("tbody tr[fid="+cateId+"]").show();
                }else{
                    cateIds = [];
                    $(this).html('&#xe623;');
                    $(this).attr('status','true');
                    cateId = $(this).parents('tr').attr('cate-id');
                    getCateId(cateId);
                    for (var i in cateIds) {
                        $("tbody tr[cate-id="+cateIds[i]+"]").hide().find('.x-show').html('&#xe623;').attr('status','true');
                    }
                }
            })

//左侧菜单效果

            $('.left-nav #nav li').click(function (event) {

                if($(this).children('.sub-menu').length){
                    if($(this).hasClass('open')){
                        $(this).removeClass('open');
                        $(this).find('.nav_right').html('&#xe697;');
                        $(this).children('.sub-menu').stop().slideUp();
                        $(this).siblings().children('.sub-menu').slideUp();
                    }else{
                        $(this).addClass('open');
                        $(this).children('a').find('.nav_right').html('&#xe6a6;');
                        $(this).children('.sub-menu').stop().slideDown();
                        $(this).siblings().children('.sub-menu').stop().slideUp();
                        $(this).siblings().find('.nav_right').html('&#xe697;');
                        $(this).siblings().removeClass('open');
                    }
                }else{

                    var url = $(this).children('a').attr('_href');
                    var title = $(this).find('cite').html();
                    var index  = $('.left-nav #nav li').index($(this));

                    for (var i = 0; i <$('.x-iframe').length; i++) {
                        if($('.x-iframe').eq(i).attr('tab-id')==index+1){
                            tab.tabChange(index+1);
                            event.stopPropagation();
                            return;
                        }
                    };

                    tab.tabAdd(title,url,index+1);
                    tab.tabChange(index+1);
                }

                event.stopPropagation();

            })
        });

        var cateIds = [];
        function getCateId(cateId) {

            $("tbody tr[fid="+cateId+"]").each(function(index, el) {
                id = $(el).attr('cate-id');
                cateIds.push(id);
                getCateId(id);
            });
        }

        /*弹出层*/
        /*
         参数解释：
         title   标题
         url     请求的url
         id      需要操作的数据id
         w       弹出层宽度（缺省调默认值）
         h       弹出层高度（缺省调默认值）
         */
        function x_admin_show(title,url,w,h){
            if (title == null || title == '') {
                title=false;
            };
            if (url == null || url == '') {
                url="404.html";
            };
            if (w == null || w == '') {
                w=($(window).width()*0.9);
            };
            if (h == null || h == '') {
                h=($(window).height() - 50);
            };
            layer.open({
                type: 2,
                area: [w+'px', h +'px'],
                fix: false, //不固定
                maxmin: true,
                shadeClose: true,
                shade:0.4,
                title: title,
                content: url
            });
        }

        /*关闭弹出框口*/
        function x_admin_close(){
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        }
    </script>
    <script>
    //百度统计可去掉
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?b393d153aeb26b46e9431fabaf0f6190";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
    </script>
</body>
</html>